import React, { useState } from "react"

const hooks = [
    'userState', 'useEffect', 'useRef'
]



const UseHooks: React.FC = () => {
    const inpChange = () => {
        setTestVal('33')
    }
    const [testVal, setTestVal] = useState('12')
    return (
        <div>
            {hooks.map((name, index) => {
                return <div key={index}>{name}</div>
            })}
            <input type="text" onChange={() => inpChange()} />
            <div>{testVal}</div>
        </div>
    )
}

export default UseHooks